/*
* @Author: Marte
* @Date:   2017-08-07 08:21:59
* @Last Modified by:   Marte
* @Last Modified time: 2017-08-13 17:38:28
*/

$(function()
{
    var $t,leftX,newleft;
    $('.nav ul').append('<div class="block"></div>');
    var $block=$('.block');
    $block.width($('.first').width()).css('left',$('.first a').position().left).data('rightLeft',$block.position().left).data('rightWidth',$block.width());

    $('.nav ul li').find('a').hover(function()
    {
        $t=$(this);
        leftX=$t.position().left;
        newWidth=$t.parent().width();//li的宽度
        $block.stop().animate({
            left:leftX,
            width:newWidth
        },30);


    },function()
    {
        $block.stop().animate({
            left:$block.data('rightLeft'),
            width:$block.data('rightWidth')
        },30)
    })



    $('.lists ul li').hover(function(event)
    {
        $(this).css({
            "background":"#fff"
        }).siblings().css({
            "background":"#F4EDCF"
        });
    })

    //  $('.lists ul li').click(function(event)
    //  {
    //     index=$('.lists ul li').index(this);
    //     $('.lists ul li').eq(index).addClass('first').siblings().removeClass('first');

    //  })

        $('.header_main_right ul li').eq(1).mouseover(function()
    {
        $(this).parent().find('.list').show();
        // $(this).find('li a').hover(function()
        // {
        //     $(this).css("border","1px solid #ddd;")
        // })
    }).mouseout(function()
    {
        $(this).parent().find('.list').hide();
    })

    $('.header_main_right ul').find('.list').mouseover(function()
    {
        $(this).show();
    })
    $('.header_main_right ul').find('.list').mouseout(function()
    {
        $(this).hide();
    })




    // 头像选择
    $('.myinfo_dl ul li').click(function()
    {

        $('.iii').find('img').attr("src",$(this).find('img').attr('src'));
        var  $path=$('.iii').find('img').attr("src");

        $('.hidden').val($path);//将选中的图片放到value中
        var con= $('.hidden').val();

    })
    // $('.iii').click(function()
    // {
    //     alert($(this).find('img').attr("src"));
    // })
})